.el-menu {
  background-color: transparent!important;
}

.addMenu {
  font-size: 15px;
  cursor: pointer;
}

.addMenu:hover {
  background-color: gainsboro;
}

.selectStyle {
  width: 100%;
}

.headPortrait {
  text-align: center;
  margin-top: 20px;
  cursor: pointer;
  box-shadow:  21px 21px 42px #111213,
  -21px -21px 42px #43484b;
}

.headImage {
  cursor: pointer;
  box-shadow:  21px 21px 42px #111213,
  -21px -21px 42px #43484b;
}


.userDrawer {
  height: 100%;
  background-color: #2a2d2f;
  color: white;
}

.userDiv {
  padding: 25px 20px 0px 20px;
}

.userDiv>div {
  margin-top: 30px;
}

.userMessage {
  line-height: 1.5;
}

.littleFont {
  font-size: 12px;
}

strong {
  font-size: 25px;
}

.box-card {
  width: 250px;
  margin-left: 30px;
}

.boxCardDiv {
  width: 100%;
  background: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
}

.alterDiv {
  text-align: center;
  margin-top: 10px;
}

.DownCat {
  width: 100px;
  margin-top: -15px;
}

.el-dialog__body {
  padding:5px 20px!important;
}
.el-dialog {
  margin-top: 7vh!important;
  margin-bottom: 0!important;
}

.el-dialog__footer{
  text-align: left!important;
  padding-top:0!important;
}

.footer_comment_input{
  float: left!important;
  width: 94%!important;
  margin-left: 10px!important;
}

.footer_comment_textarea {
  float: left!important;
  width: 94%!important;
  margin-left: 10px!important;
}

.missionDialogTitle {
  color: #72baea;
  cursor: pointer;
}

.searchMission {
  float: right!important;;
  width: 300px!important;;
  line-height: 60px!important;;
}

.searchMission  .el-input__inner {
  border-radius: 4px 0 0 4px!important;
}
.el-menu-vertical-demo:not(.el-menu--collapse) {
  border:none;
  width: 230px;
  background-color: transparent!important;
  overflow: auto;
  height: 800px;
  overflow-x: hidden;
}

.el-submenu__title{
  font-size: 16px!important;
}

.el-menu-vertical-demo:not(.el-menu--collapse) .el-menu-item{
  font-size: 16px;
  background-color: transparent;
}

.el-menu-vertical-demo:not(.el-menu--collapse) .el-menu-item:hover,
.el-menu-vertical-demo:not(.el-menu--collapse) .el-menu-item.is-active,
.el-menu-vertical-demo:not(.el-menu--collapse) .el-submenu__title:focus,
.el-menu-vertical-demo:not(.el-menu--collapse) .el-submenu__title:hover{
  background-color: #191b1c;
}

.el-badge__content.is-fixed {
  top:16px!important;
}









